<!DOCTYPE html>
<html>
<head>
  <link rel="stylesheet" href="style.css">
  <title></title>
</head>
<body>
<div class="slideshow-container">
  <div class="mySlides fade">
    <div class="numbertext">1/4</div>
    <img src="img/img_fjords_wide.jpg" width="100%">
    <div class="text">Caption One</div>
  </div>
  <div class="mySlides fade">
    <div class="numbertext">2/4</div>
    <img src="img/img_lights_wide.jpg" width="100%">
    <div class="text">Caption Two</div>
  </div>
  <div class="mySlides fade">
    <div class="numbertext">3/4</div>
    <img src="img/img_mountains_wide.jpg" width="100%">
    <div class="text">Caption Three</div>
  </div>
  <div class="mySlides fade">
    <div class="numbertext">4/4</div>
    <img src="img/img_nature_wide.jpg" width="100%">
    <div class="text">Caption Four</div>
  </div>
  <a class="prev" onclick="plusSlides(-1)">&#10094</a>
  <a class="next" onclick="plusSlides(1)">&#10095</a>
</div>
<br>

<div style="text-align:center">
  <span class="dot" onclick="currentSlide(1)"></span>
  <span class="dot" onclick="currentSlide(2)"></span>
  <span class="dot" onclick="currentSlide(3)"></span>
  <span class="dot" onclick="currentSlide(4)"></span>
</div>
<script src="js/slideauto.js"></script>
</body>
</html>


